// HelloWorld.tsx
import Vue from 'vue'
import { Component, Prop } from 'vue-property-decorator'

interface ChildProps {
  message: string
  count?: number
}

@Component
export default class HelloWorld extends Vue implements ChildProps {
  @Prop({ type: String, required: true })
  message!: string

  @Prop({ type: Number, default: 0 })
  count?: number

  render() {
    return (
      <div>
        <p>{this.message}</p>
        <p>Count: {this.count}</p>
      </div>
    )
  }
}